{include file="Public:header" /}
		<div class="bar bar-nav">
			<h1 class="title">机构</h1>
			<i class="icon icon-left" onclick="window.history.go(-1);"></i>
		</div>
		
		<nav class="bar bar-tab">
			<a class="tab-item active" href="#">
				<span class="icon icon-home"></span>
				<span class="tab-label">管理</span>
			</a>
			<a class="tab-item" href="#">
				<span class="icon iconfont icon-phone"></span>
				<span class="tab-label">询问</span>
			</a>
			<a class="tab-item" href="#">
				<span class="icon iconfont icon-renshu"></span>
				<span class="tab-label">我要加入</span>
			</a>
		</nav>

		<div class="content">
			<div class="swiper-container swiper-container-horizontal">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiper-slide-active"><img src="__PUBLIC__/Home/images/banner_1.jpg"></div>
					<div class="swiper-slide swiper-slide-next"><img src="__PUBLIC__/Home/images/banner_2.jpg"></div>
					<div class="swiper-slide"><img src="__PUBLIC__/Home/images/banner_3.jpg"></div>
					<div class="swiper-slide"><img src="__PUBLIC__/Home/images/banner_4.jpg"></div>
				</div>
				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
					<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
					<span class="swiper-pagination-bullet"></span>
				</div>
			</div>
			
			<div class="buttons-tab screen mechanism-tab clearfix" style="margin-top:10px;">
				<div id="mechanism-tab" style='width: 30rem;'>
				<span class="tab-link button">
					国旗文化
				</span>
				<span class="tab-link button">
					军事医学
				</span>
				<span class="tab-link button">
					国防传媒
				</span>
				<span class="tab-link button">
					军事运动
				</span>
				<span class="tab-link button">
					军事运动
				</span>
				<span class="tab-link button">
					军事运动
				</span>
				<span class="tab-link button">
					军事运动
				</span>
				</div>
			</div>
			
			<div class="in_hot_box mechan" >
					<div class="card demo-card-header-pic">
						<a href="mechanism_page.html">
						<div valign="bottom" class="card-header color-white no-border no-padding">
							<img class='card-cover' src="__PUBLIC__/Home/images/raw_1499150972.jpeg" alt="">
						</div>
						<div class="card-content">
							<div class="card-content-inner">
								<p class="hot_list_title"><font class="name">崔建新</font>  国旗文化</p>
								<p class="card-text">如果你无法简洁的表达你的想法，那只说明你还不够了解它。 -- 阿尔伯特·爱因斯坦</p>
							</div>
						</div>
						</a>
					</div>
					<div class="card demo-card-header-pic">
						<a href="mechanism_page.html">
						<div valign="bottom" class="card-header color-white no-border no-padding">
							<img class='card-cover' src="__PUBLIC__/Home/images/raw_1499150972.jpeg" alt="">
						</div>
						<div class="card-content">
							<div class="card-content-inner">
								<p class="hot_list_title"><font class="name">崔建新</font>  国旗文化</p>
								<p class="card-text">如果你无法简洁的表达你的想法，那只说明你还不够了解它。 -- 阿尔伯特·爱因斯坦</p>
							</div>
						</div>
						</a>
					</div>
					<div class="card demo-card-header-pic">
						<a href="mechanism_page.html">
						<div valign="bottom" class="card-header color-white no-border no-padding">
							<img class='card-cover' src="__PUBLIC__/Home/images/raw_1499150972.jpeg" alt="">
						</div>
						<div class="card-content">
							<div class="card-content-inner">
								<p class="hot_list_title"><font class="name">崔建新</font>  国旗文化</p>
								<p class="card-text">如果你无法简洁的表达你的想法，那只说明你还不够了解它。 -- 阿尔伯特·爱因斯坦</p>
							</div>
						</div>
						</a>
					</div>

			</div>
		</div>
		
<!--		<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
		
		<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>

		城市选择结束

		<script src="http://idangero.us/swiper/dist/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/huodon.js" ></script>-->
		<script>
			var swiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				paginationClickable: true
			});
		
		window.onload=function(){
			var oTab=document.getElementById("mechanism-tab")
			var oTabLi=oTab.getElementsByTagName("span");
			var Width=oTabLi.length*5+"rem";
			oTab.style.width=Width
		}
		</script>
		

	{include file="Public:footer" /}

</html>